<template>
  <el-tree
    style="max-width: 600px"
    :data="data"
    show-checkbox
    node-key="id"
    :default-expanded-keys="[2, 3]"
    :default-checked-keys="[5]"
    :props="defaultProps"
  />
</template>
<script setup lang="ts">
const defaultProps = {
  children: 'children',
  label: 'label'
}
const data = [
  {
    id: 1,
    label: '西北油田GIS空间数据中心',
    children: [
      {
        id: 2,
        label: '数据源管理'
      },
      {
        id: 3,
        label: '符号管理'
      },
      {
        id: 4,
        label: '数据更新',
        children: [
          {
            id: 5,
            label: '数据填报'
          },
          {
            id: 6,
            label: '数据审核'
          },
          {
            id: 7,
            label: '更新总览'
          }
        ]
      },
      {
        id: 8,
        label: '系统管理',
        children: [
          {
            id: 9,
            label: '用户管理'
          },
          {
            id: 10,
            label: '权限管理'
          },
          {
            id: 11,
            label: '系统日志'
          },
          {
            id: 12,
            label: '角色管理'
          }
        ]
      },
      {
        id: 13,
        label: '数据管理'
      },
      {
        id: 14,
        label: '服务管理'
      }
    ]
  },
  {
    id: 15,
    label: '地面工程辅助设计系统',
    children: [
      {
        id: 16,
        label: '数据统计'
      },
      {
        id: 17,
        label: '数据目录'
      },
      {
        id: 18,
        label: '地图工具'
      },
      {
        id: 19,
        label: '数据查询'
      },
      {
        id: 20,
        label: '专题制图'
      }
    ]
  }
]
</script>
<style scoped lang="scss"></style>
